<template>
  <div class="personaljifen">
      <p>我的积分: <span> 0</span></p>
      <hr>
      <div class="jifenbutton">
          <p>铜牌/银座/金尊会员每累计500积分将自动转化为50元优惠券</p>
          <img src="../assets/jiantouright.png" alt="">
          <button>继续逛逛</button>
      </div>
  </div>
</template>

<script>
export default {
    name:"PersonalJifen"
}
</script>

<style>
.personaljifen {
   width: 87%;
  margin-left: 20px;
  padding: 0 20px;
  border: 1px solid #000;
}
.personaljifen p {
  margin-top: 20px;
  margin-bottom: 9px;
  font-size: 13px;
}
.personaljifen > p:nth-child(1) {
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-weight: 600;
}

.jifenbutton{
    position: relative;
    width: 100%;
}
.jifenbutton button{
    width: 30%;
    height: 40px;
    padding-right: 6%;
    margin: 20px 0;
    background-color: #000;
    color: #fff;
    font-size: 18px;
}
.jifenbutton img{
    position: absolute;
    top:58%;
    left: 21%;
    width: 4%;
    height: 13px;
}
</style>